@charset "UTF-8";
html{
  height: 100%;
}
body{
  height: 100%;
}
body>div{
  height: 100%;
}
body>div>div{
  height: 100%;
}
*{
  padding: 0px;
  margin: 0px;
}
.br{
  border: 1px solid grey;
}
.mysetwrap{
  display: flex;
  flex-direction:column;
  transition: width 300ms;


  .top{
    height: 50px;
    width: 100%;
    background:-webkit-linear-gradient(left,#fd4948 40%,#ff7251);
    position: relative;

  }
  .topz{
    color: #f8f8f8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;

  }
  .top_set{
    color: #f8f8f8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 80px;
    font-size: 15px;
  }


  .body{
    height:0;
    flex-grow:1;
    z-index:1;
    overflow:scroll;
    background-color: #f1f1f1;

    .update{
      height: 45px;
      width: 100%;
      font-family:”Microsoft YaHei”;
      background-color: #ffffff;

      .update_c{
        height: 100%;
        width: 97%;
        margin: 0 10px;
        position: relative;

        .update_l{
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          color: #252525;
        }
        .update_r{
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 10px;
          color: #b0b0b0;
          font-size: 12px;

        }

      }


    }
  }
}